
<i class="anticon" style="font-size: 14px;position: relative;top:3px;" (click)="nodeExpended(data)" [ngClass]="{'anticon-down': !isLeaf(data) && data.isExpend,'anticon-right': !isLeaf(data) && !data.isExpend}"></i>
<!--<i style="margin-top:-8px;width:17px" class="fa c-cursor-pointer " (click)="nodeExpended(data)" [ngClass]="{'fa-angle-down': !isLeaf(data) && data.isExpend, 'fa-angle-right': !isLeaf(data) && !data.isExpend}"></i>-->
<input type="checkbox" *ngIf="canChecked && !(hideParentCheckBox && !isLeaf(data))"  [checked]="data.isChecked" class="c-check-box" (change)="onCheckboxChanged(data)">
<span class="c-text-field">{{data.permission_name}}</span>

<ul [hidden]="!data.isExpend" *ngIf="!isLeaf(data)" [ngClass]="animatedCls">
  <li *ngFor="let item of data.children" style="margin-left:20px;">
    <p-tree-node [data]="item" [canChecked]="canChecked" [singleChecked]="singleChecked" [cascadeChecked]="cascadeChecked"  [singleCheckedNodeId]="singleCheckedNodeId"  (onCheckChanged)="onCheckboxChanged($event)" (onClick)="itemClicked($event);"></p-tree-node>
  </li>
</ul>
